<template>
    <div class="mod-act-group">
        <div class="act-item act-item-act">
            <div class="act-item-txt"><a href="javascript:void(0)" class="act-item-link">超级会员低至￥0.52/天
            </a></div>
        </div>
        <div class="act-item act-item-info">
            <div class="act-item act-item-info">
                <div class="act-item-txt"><a href="javascript:void(0)" target="_blank"
                                             class="btn btn-s">会员中心</a></div>
            </div>
        </div>
        <div class="act-item act-item-acc">
            <a-popover trigger="click" placement="bottomRight">
                <template slot="content">
                    <div class="mod-bubble-menu mod-bubble-menu-info with-border vip" style="margin-top: -30px;">
                        <div class="mod-info-box">
                            <div class="info-box-bd">
                                <div class="info-box-pic"><a href="javascript:void(0)"><img alt="One"
                                                                                            src="https://thirdqq.qlogo.cn/g?b=sdk&amp;k=zcg8CARnEegphf0PHwTMkw&amp;s=640&amp;t=1507375533"
                                                                                            class="pic"></a>
                                </div>
                                <div class="info-box-con"><p class="tit"><span class="name"><a target="_blank"
                                                                                               href="javascript:void(0)">One</a></span>
                                </p>
                                    <p class="txt"><span class="info-txt">2019-01-24到期</span> <a
                                            href="javascript:void(0)" target="_blank" class="info-link">续费</a>
                                    </p></div>
                            </div>
                        </div>
                        <ul class="menu-list" style="padding-top:5px;">
                            <li class="menu-item"><span class="txt">今日极速上传</span> <span class="txt-ass">18.61 GB可用</span>
                            </li>
                            <div class="spliter"></div>
                            <li class="menu-item"><span class="txt">下载客户端</span>
                            </li>
                            <div class="spliter"></div>
                            <li class="menu-item"><span class="txt">帮助与反馈</span></li>
                            <li class="menu-item"><span class="txt">我的申诉</span></li>
                            <div class="spliter"></div>
                            <li class="menu-item"><span class="txt">退出登录</span></li>
                        </ul>
                    </div>
                </template>
                <div class="act-item-txt">
                    <div class="mod-user">
                        <div class="user-info"><span title="One" class="name">One</span> <i
                                class="icon icon-vip"
                                style="background-image: url(https://qzonestyle.gtimg.cn/qz-proj/wy-src/img/vip-v3/vip_1_on_XM.png);"></i><i
                                class="icon icon-trig"></i></div>
                    </div>
                </div>
            </a-popover>

        </div>
    </div>
</template>

<script>
    export default {
        name: "User"
    }
</script>

<style scoped>

</style>